<template>
  <el-container>
    <el-header
      style="padding: 0; margin: 0; position: fixed; top: 0; left: 0; right: 0"
    >
      <menu-bar></menu-bar>
    </el-header>
    <el-main style="padding: 0; margin: 0">
      <div style="height: 60px"></div>
      <div style="max-width: 1400px; margin: auto">
        <div style="width: 700px; margin: auto">
          <img width="100%" src="src/assets/404.png" />
        </div>
        <div style="width: 100px; margin: auto">
        <a href="/">
          <el-button type="primary">返回首页</el-button>
        </a>
        </div>
      </div>
    </el-main>
    <el-footer style="padding: 0; margin: 0">
<!--      <page-footer></page-footer>-->
    </el-footer>
  </el-container>
</template>

<script>
import MenuBar from '@/components/MenuBar.vue'
import PageFooter from '@/components/PageFooter.vue'
export default {
  components: { MenuBar, PageFooter },

}
</script>

<style>
* {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB W3", "Hiragino Sans GB",
  "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
</style>
